<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <!-- 这是个iphone设备中的safari私有meta标签，它表示：允许全屏模式浏览；-->
    <meta content="yes" name="apple-mobile-web-app-capable">
    <!-- 全屏显示-->
    <meta name="apple-touch-fullscreen" content="yes">
    <!-- 不要让设备识别电话号码和邮箱地址-->
    <meta content="telephone=no,email=no" name="format-detection">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" id="viewport" name="viewport">
    <!-- DNS预解析-->
    <meta http-equiv="x-dns-prefetch-control" content="on">

    <link href="../css/common/reset.css" rel="stylesheet">
    <link href="../css/common/common.css" rel="stylesheet">
    <link href="../css/animate.css" rel="stylesheet">
    <link href="../css/trans.css" rel="stylesheet">
    
    <script src="../js/zepto-1.1.4.min.js"></script>
    <script src="../js/animate.js"></script>

    <title>转训执行</title>
    
  </head>
  <body>
    <div class="trans">
        <div class="type">
            <h3>市场环境</h3>
            <div class="rate">80%</div>
        </div>
        <div class="date">2018/11/2  10:00～12:30</div>
        <div class="count">人数：20人</div>
        <p>
            市场环境（market circumstances）是指影响产品生产和销售的一系列外部因素。这些因素与企业的市场营销活动密切相关。
            市场环境的变化，既可以给企业带来市场机会，也可能形成某种威胁。因此，对市场环境的调查，是企业开展经营活动的前提。
        </p>
        <div class="qr">
            <div>
                <img src="../img/sign.png" />
                <label>生成签到码</label>
            </div>
            <div>
                <img src="../img/question.png" />
                <label>生成试题卷</label>
            </div>
        </div>
        <div class="sign-count">
            <div id="icon" class="icon">
                <i></i>
            </div>
            <div class="type">
                <h3>已签到人数</h3>
                <div class="rate">25人</div>
            </div>
            <ul class="thead">
                <li>姓名</li>
                <li>签到时间</li>
                <li>试卷状态</li>
                <li>考试完成时间</li>
            </ul>
            <div class="list">
                <ul>
                    <li>东方神树</li>
                    <li>11-1  17:11:20</li>
                    <li>已生成</li>
                    <li>11-1  17:11:20</li>
                </ul>
                <ul>
                    <li>Nassua</li>
                    <li>11-1  17:11:20</li>
                    <li>已生成</li>
                    <li>11-1  17:11:20</li>
                </ul>
                <ul>
                    <li>Nassua</li>
                    <li>11-1  17:11:20</li>
                    <li>已生成</li>
                    <li>11-1  17:11:20</li>
                </ul>
                <ul>
                    <li>Nassua</li>
                    <li>11-1  17:11:20</li>
                    <li>已生成</li>
                    <li>11-1  17:11:20</li>
                </ul>
            </div>
        </div>
    </div>
    <div class="mask"></div>
    <script src="../js/remset.js"></script>
    <script src="../js/trans.js"></script>
  </body>
</html>